// 弹出层样式
.popUp {
  .popUpInside {
    padding: 4%;
    .u-form {
      // 文本外框样式
      .text {
        margin-bottom: 3%;
      }
      .inpInfoBox {
        font-size: large;
        font-weight: 500;
        width: 100%;
        margin: 3% 0;

        // 输入框样式
        .u-input {
          box-shadow: 0px 0px 3px 1px #ccc;
        }
        // 单选样式
        .u-radio {
          margin-right: 3%;
        }
      }
    }
  }
}

// 按钮样式
.btns {
  width: 100%;
  display: flex;
  justify-content: flex-end;

  .submitBotton {
    width: 30%;
    margin-right: 3%;
  }

  .resetBotton {
    width: 30%;
  }

  margin-top: 3%;
}

// 列表外框样式
.list {
  padding: 1% 1% 0 1%;
}

// 用户表单样式
//   外框样式
.inpInfoBox {
  font-size: large;
  font-weight: 500;
  width: 100%;
  margin: 3% 0;

  // 文本外框样式
  .text {
    margin-bottom: 3%;
  }

  // 输入框样式
  .u-input {
    box-shadow: 0px 0px 3px 1px #ccc;
  }

  // 复选框样式
  .u-textarea {
    box-shadow: 0px 0px 3px 1px #ccc;
  }

  // 单选样式
  .u-radio {
    margin-right: 3%;
  }
}

// 表单按钮样式
.btns {
  width: 100%;
  display: flex;
  justify-content: flex-end;

  .submitBotton {
    width: 30%;
    margin-right: 3%;
  }

  .cancelBotton {
    width: 30%;
  }

  margin-top: 3%;
}

// 上层固定搜索栏样式
.top {
  display: flex;
  justify-content: center;
  background-color: #fff;
  // position: fixed;
  z-index: 1;
  width: 100%;
  padding: 1%;
  // 搜索按钮样式
  .search {
    width: 83%;
  }
  // 按钮外框
  .userInfoCreate {
    width: 12%;
    padding-right: 1%;
    // 添加用户按钮样式
    .create {
      position: relative;
      right: 40%;
      width: 100%;
      height: 100%;
      margin: 0 0 0 30%;
      .u-button {
        font-weight: 1000;
      }
    }
  }
}
